<script setup lang="ts">
const defaultForm = {
  question: 1,
  type:1,
  answer: '',
  password: '',
  code:'',
}
let form = reactive({...defaultForm});
</script>

<template>
  <div>
    <AuthenText>
<pre>
根据我公司财务管理制度要求及系统限制，本平台自主申请开具发票时间最迟不能超过业务发生的次月。 您当月（1号至31号）的发票，最迟请在次月26号前提交申请索取发票，过期后相关款项额度将不再支持平台自主申请发票。
请您在每月1日至25日期间提交索取发票，26日至月底为账务处理时间，您将不能索取发票。
请您抓紧时间申请发票，感谢您的支持！
您申请开票成功后，您将不能变更账户所有者，请知悉！
</pre>
    </AuthenText>
    <AuthenText>
<pre>
温馨提醒：如果您需要代为其他主体执行有关域名、企业增值服务所涉款项结算。您可以进行委托申请发票。
</pre>
    </AuthenText>
    <el-card>
      <div class="w-1/2 grid grid-cols-3">
        <div class="border-right">
          <div class="text-xs text-[var(--el-color-black-400)] my-4">上个月末未提交索取发票金额（元）</div>
          <div class="text-black font-bold text-sm">0.00</div>
        </div>
        <div class="border-right">
          <div class="text-xs text-[var(--el-color-black-400)] my-4">本月未提交索取发票金额（元）</div>
          <div class="text-black font-bold text-sm">0.00</div>
        </div>
        <div class="border-right">
          <div class="text-xs text-[var(--el-color-black-400)] my-4">您当前的合计可开票余额（元）</div>
          <div class="font-bold text-sm text-red-400">0.00</div>
        </div>
      </div>
    </el-card>
    <el-card class="flex-1 mt-5">
      <el-form label-suffix="：" label-width="100px" class="w-1/2 mx-52">
        <el-form-item label="用户类型">
          <el-radio-group v-model="form.type">
            <el-radio label="个人" :value="1"></el-radio>
            <el-radio label="企业" :value="2"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="发票类型">
          <el-radio-group v-model="form.type">
            <el-radio label="增值税普通发票" :value="1"></el-radio>
            <el-radio label="增值税专用发票" :value="2"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="开票方式">
          <el-radio-group v-model="form.type">
            <el-radio label="电子发票" :value="1"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="开票金额">
          <div class="flex">
            <div><el-input placeholder="请填写你的答案" v-model="form.answer" clearable></el-input></div> <div class="text-[var(--el-color-primary)] ml-4"> 您当前可索取发票总额：0元</div>
          </div>

        </el-form-item>
        <el-form-item label="发票抬头">
          <div class="flex"><div>刘金宝</div><div class="text-[var(--el-color-primary)] ml-4">发票抬头只能是账户所有者，如需更改，请进行变更账户所有者</div></div>
        </el-form-item>
        <el-form-item label="电子邮箱地址">
          <div class="flex">
            <div><el-input placeholder="请输入电子邮箱" v-model="form.answer" clearable></el-input></div> <div class="text-[var(--el-color-primary)] ml-4">用于接收电子发票文件，请务必填写正确 </div>
          </div>
        </el-form-item>
        <el-form-item label="联系电话">
          <div class="flex">
            <div><el-input placeholder="请输入电话号码" v-model="form.answer" clearable></el-input></div>
          </div>
        </el-form-item>
        <el-form-item label="温馨提示">
          <div class="text-red">非法出售发票犯罪，请勿非法买卖发票，否则后果自负，查看相关司法解释！</div>
        </el-form-item>
        <div class="text-center"><el-button type="primary">提交</el-button></div>
      </el-form>
    </el-card>
  </div>

</template>

<style scoped lang="scss">

</style>